extends ../common/layout.pug

block body
  .m-shop
    include ../common/header.pug
    include ../common/banner.pug
    include ../common/nav.pug
    .g-tab.g-clearfix
      li(:class="{active: tab === 0}", @click="tab = 0") 书刊
      li(:class="{active: tab === 1}", @click="tab = 1") 实体店
    
    .shop-book(v-show="tab === 0")
      .row
        each val in [0,1,2,3,4,5,6,7]
          .col-xs-6.col-sm-3.shop-book-item(@click="onClickBookItem(true)")
            .img
              img(src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg")
              if val === 0
                .readed.icon
              if val === 1
                .latest.icon
            .title 紫微闲话
            .time 2017-08-09
            button
              i.iconfont.icon-share
              span 详情

    .shop-real(v-show="tab === 1")
      .row
        each val in [0,1,2,3,4,5]
          .col-xs-6.col-sm-3.shop-real-item
            .img
              img(src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg")
              if val === 0
                .readed.icon
              if val === 1
                .latest.icon
            .title 天使风铃
            .number 编号：CRV1234
            .vip 会员点数：1.00
            button
              i.iconfont.icon-share
              span 详情

    .pagination
      .g-pagination
        ul
          a.active 1
          a 2
          a 3
          a 4
          a 5
          a 6
          a.next >

    .g-modal(v-show='isShowBookModal')
      .mask(@click="onClickBookModalClose")
      .content
        .row
          .col-sm-4
            .img
              img(src="https://www.ziweiyang.com/upload/images/ebook_category/img/20160527134002_172.jpg", alt="")
          .col-sm-8.desc
            p 
              span.g-color-main 书籍名称：
              span 紫微径
            p 
              span.g-color-main 上传时间：
              span 2016.11.11
            p 
              span.g-color-main 书籍简介：
              span 《紫微径》这书的内容，绝大部分出自我于二〇〇七年时为《苹果日报》写的同名 专拦。此书名的由来，亦堪一记。话説当日《苹果》社长董桥兄问我准备用什么栏名时， 我稍一思索便説叫「紫微径」吧！不料他马上説好，并説：「曲径通幽」。就此一锤定 音。   「紫微径」这个专栏搁笔至今已超过两年，期间是否结集成书，我也曾三心两意。   主要原因是因为结集成书，必须经过大幅度的增删润饰。在我的弟子中，既有人贊  成，亦有人反对，都各有他们的道理。   贊成的认为既然花了七个月的心血写该专栏，亦颇受读者欢迎，应顺理成章的结集 成书。   反对的认为我年事已高，既仍不断花精神于术数上的考证工作，何必再花精神去增 删润饰这些旧作。   此书能够面世，不能不感谢好友潘耀明先生，在过去的两年时间中，他不断的催促 我要把此专栏的文字结集成书。   终于，在去年年底时，决定放低其他杂务，全力的去增删润饰这些文字。既删去不 少的篇章，亦重新写了一些篇章补上，希望如过去我的拙着那样，同样受到读者欢迎。   在新的篇章中，有涉及「奇门遁甲」的，这是我研究了颇长时间而又极少谈及的一 门术数。   所以，此书中包含的术数范畴甚广，既有八字、紫微斗数、玄空风水、铁板神数、 六壬数，更而至奇门遁甲。   由于我年事已高，相信此书会是我最后面世的一部着作。以后纵使再写专栏，亦会 或为兴趣偶一为之而已！同时，得借机会在此説明一下，我在电脑网上并无任何网站亦 无 Facebook 等。望读者明察。    同时我知道我的读者中，不少是对术数颇有研究和认识颇深的人，对于此书之拉杂 成章，尚祈赐谅。   最后得感谢大山文化出版社各位编审员工，他们付出了很大的努力，才使此书得以 面世。   紫微杨  谨识   庚寅初春吉日    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。
            p.g-color-main
              a.is-udl 免费阅读试阅版商店
            button.btn.is-primary(v-show='!isAuth') 请登录
            button.btn.is-success(v-show='isAuth') 开始课程
        .icon.close(@click="onClickBookModalClose", v-show='!isAuth')
        .icon.green-close(@click="onClickBookModalClose", v-show='isAuth')





block script
  include ../common/script.pug
  script(src="../js/shop.js", type="text/javascript")